import { useNavigate } from 'react-router-dom';
import { Search } from 'react-vant';
import icon1 from '@/assets/img/home/home-icon-1.png'
import icon2 from '@/assets/img/home/home-icon-2.png'
import icon3 from '@/assets/img/home/home-icon-3.png'
import icon4 from '@/assets/img/home/home-icon-4.png'
import icon5 from '@/assets/img/home/home-icon-5.png'
import icon6 from '@/assets/img/home/homg.jpg'
import home1 from '@/assets/img/home/home-1.png'
import home2 from '@/assets/img/home/home-2.png'
import home3 from '@/assets/img/home/home-3.png'

import './index.less';
import { useEffect, useMemo, useState } from 'react';
 
import { useLocation } from 'react-router-dom';

export default function () {
    const navigate = useNavigate();
    const pageJump = (url: string) => {
        navigate(url, { replace: false });
    }
  
  // 获取报告数据
  useEffect(() => {}, []);

  return (
    <div className="homePage">
      <div className='searchBox'>
        <Search  
        style={{
          height: '34px',
          border: '1px solid #FFBC0C',
          background: 'transparent',
          padding: 0,
          borderRadius: 30,
          overflow: 'hidden'
        }}
        clearable 
        placeholder="请输入关键词" 
        shape="round"
        />
      </div>
      <div className='vajrasana'>
        <div className='vajrasana-item'>
          <img src={icon1} alt="" />
          <p>训练管理</p>
        </div>
        <div className='vajrasana-item' onClick={()=>pageJump('/')}>
          <img src={icon2} alt="" />
          <p>AI陪练</p>
        </div>
        <div className='vajrasana-item'>
          <img src={icon3} alt="" />
          <p>SME House</p>
        </div>
        <div className='vajrasana-item'>
          <img src={icon4} alt="" />
          <p>课程报名</p>
        </div>
        <div className='vajrasana-item'>
          <img src={icon5} alt="" />
          <p>认证考试</p>
        </div>
      </div>
      <img src={home1} alt="" style={{width: '100%'}}/>
      <div style={{padding: '0 20px'}}>
        <img src={home2} alt="" style={{width: '100%'}}/>
        <img src={home3} alt="" style={{marginTop: 20, width: '100%'}}/>
      </div>
    </div>
  );
}